<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<script type="text/javascript" src="./dist/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="./dist/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="./dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./font/iconfont.css">
	<title></title>
</head>
<style type="text/css">
	*{margin:0;padding:0;}
	.navs{margin:15px 15px;display:none;}
	.img{height:200px;width:100%;}
</style>
<body>

<div class='container'>
<h3 class='page-header'>小说阅读页面</h3>
<div class='col-md-2'>
	<ul class='nav nav-pills nav-stacked'>
		<li class='active'>
			<a href="">第一章</a>
		</li>
		<li>
			<a href="">第二章</a>
		</li>
		<li>
			<a href="">第三章</a>
		</li>
		<li>
			<a href="">第四章</a>
		</li>
		<li>
			<a href="">第五章</a>
		</li>
	</ul>
</div>


<div class='col-md-10'>
	<div class='row navs'>
		<img src="./picture/one.jpg" class='img'>
		<p> <h2>the chapter 1:</h2>Begin by pointing out that economics is a subject that students must confront in their daily lives. Point out that they already spend a great deal of their time thinking about economic issues: changes in prices, buying decisions, use of their time, concerns about employment, etc.</p>

	</div>
	<div class='row navs'>
		<img src="./picture/four.jpg" class='img'>
		<p> <h2>the chapter two:</h2>You will want to start the semester by explaining to students that part of learning economics is understanding a new vocabulary. Economists generally use very precise (and sometimes different) definitions for words that are commonly used outside of the economics discipline. Therefore, it will be helpful to students if you follow the definitions provided in the text as much as possible.</p>
	</div>
	<div class="row navs">
		<img src="./picture/one.jpg" class='img'>
		<p><h2>the chapter three:</h2>The fundamental lessons about the economy as a whole are that productivity is the ultimate source of improving living standards, that growth in the quantity of money is the ultimate source of inflation, and that society faces a short-run trade-off between inflation and unemployment.</p>
	</div>
	<div class="row navs">
		<img src="./picture/two.jpg" class='img'>
		<p><h2>the chapter four:</h2>Because most college freshmen and sophomores have limited experiences with viewing the world from a cause-and-effect perspective, do not underestimate how challenging these principles will be for the student.</p>
	</div>
	<div class='row navs'>
		<img src="./picture/three.jpg" class='img'>
		<p><h2>the last chapter:</h2>Congratulations!	Most economists believe that the short-run effect of a monetary injection is lower unemployment and higher prices.</p>
	</div>
</div>
</div>
</body>
<script type="text/javascript">
	$('li').mouseenter(function(){
		$(this).addClass('active');
		$('li').not($(this)).removeClass('active');

		idx=$(this).index('li');
		$('.navs').eq(idx).stop().show(100);
		$('.navs').not($('.navs').eq(idx)).stop().hide(100);
	});
	$('.navs').eq(0).show(100);
</script>
</html>